﻿a,a:hover {
	text-decoration: none
}

:focus,a,a:active,a:focus,a:hover,area {
	outline: 0
}

button,img,input {
	vertical-align: middle
}

.l0,.tl0 {
	left: 0
}

.t0,.tl0,.tr0 {
	top: 0
}



* {
	word-wrap: break-word
}

body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,iframe,input,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

dl,ol,ul {
	list-style-type: none
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: 400
}

button,input,optgroup,option,select,textarea {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}

.f-normal,.fn,i {
	font-style: normal
}

button,input {
	overflow: visible;
	outline: 0
}

body,button,input,select,td,textarea,th {
	font-family: "Helvetica Neue",Helvetica,"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";
	font-size: 14px;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body {
	line-height: 1.6
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%
}

a,area {
	blr: expression(this.onFocus=this.blur())
}

a {
	cursor: pointer
}

a.ie6:hover {
	zoom: 1
}

sub,sup {
	vertical-align: baseline
}

button,input[type=button],input[type=submit] {
	line-height: normal!important
}

img {
	border: 0
}

a img,img {
	-ms-interpolation-mode: bicubic
}

.img-responsive {
	max-width: 100%;
	height: auto;
	    /*margin-top: 10px;*/
}

*html {
	overflow: -moz-scrollbars-vertical;
	zoom: expression(function(ele){ele.style.zoom = "1";
	document.execCommand("BackgroundImageCache",false,true)
}(this))
}

address,article,aside,details,figcaption,figure,hgroup,legend,menu,nav,section {
display: block;
margin: 0;
padding: 0
}

time {
display: inline
}

audio,canvas,video {
display: inline-block
}

audio:not([controls]) {
display: none
}

legend {
width: 100%;
margin-bottom: 20px;
font-size: 21px;
line-height: 40px;
border: 0;
border-bottom: 1px solid #e5e5e5
}

legend small {
font-size: 15px;
color: #999
}

svg:not(:root) {
overflow: hidden
}

fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid silver
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
height: auto
}

input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}

.clearfix:after,.xrow:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}

.h100,.wh100 {
height: 100%
}

.clearfix,.xrow {
zoom: 1
}

.overflow {
overflow: hidden
}

.xrow [class*=xcol] {
float: left
}[class*=xcol] {
display: inline-block
}

.xcol-1 {
width: 10%
}

.xcol-2 {
width: 20%
}

.xcol-3 {
width: 30%
}

.xcol-4 {
width: 40%
}

.xcol-5 {
width: 50%
}

.xcol-6 {
width: 60%
}

.xcol-7 {
width: 70%
}

.xcol-8 {
width: 80%
}

.xcol-9 {
width: 90%
}

.xcol-10 {
width: 100%
}

.xcol-offset-1 {
margin-left: 10%
}

.xcol-offset-2 {
margin-left: 20%
}

.xcol-offset-3 {
margin-left: 30%
}

.xcol-offset-4 {
margin-left: 40%
}

.xcol-offset-5 {
margin-left: 50%
}

.xcol-offset-6 {
margin-left: 60%
}

.xcol-offset-7 {
margin-left: 70%
}

.xcol-offset-8 {
margin-left: 80%
}

.xcol-offset-9 {
margin-left: 90%
}

.xcol-offset-10 {
margin-left: 100%
}[class*=visible-sm],[class*=visible-md],[class*=visible-xs],[class*=visible-lg] {
display: none
}

@media (min-width:1200px) {
.xcol-lg-1 {
	width: 8.33333333%
}

.xcol-lg-2 {
	width: 16.66666667%
}

.xcol-lg-3 {
	width: 25%
}

.xcol-lg-4 {
	width: 33.33333333%
}

.xcol-lg-5 {
	width: 41.66666667%
}

.xcol-lg-6 {
	width: 50%
}

.xcol-lg-7 {
	width: 58.33333333%
}

.xcol-lg-8 {
	width: 66.66666667%
}

.xcol-lg-9 {
	width: 75%
}

.xcol-lg-10 {
	width: 83.33333333%
}

.xcol-lg-11 {
	width: 91.66666667%
}

.xcol-lg-12 {
	width: 100%
}

.xcol-lg-offset-1 {
	margin-left: 8.33333333%
}

.xcol-lg-offset-2 {
	margin-left: 16.66666667%
}

.xcol-lg-offset-3 {
	margin-left: 25%
}

.xcol-lg-offset-4 {
	margin-left: 33.33333333%
}

.xcol-lg-offset-5 {
	margin-left: 41.66666667%
}

.xcol-lg-offset-6 {
	margin-left: 50%
}

.xcol-lg-offset-7 {
	margin-left: 58.33333333%
}

.xcol-lg-offset-8 {
	margin-left: 66.66666667%
}

.xcol-lg-offset-9 {
	margin-left: 75%
}

.xcol-lg-offset-10 {
	margin-left: 83.33333333%
}

.xcol-lg-offset-11 {
	margin-left: 91.66666667%
}

.xcol-lg-offset-12 {
	margin-left: 100%
}

.hidden0-lg {
	display: none
}

.visible-lg {
	display: inherit
}

.visible-lg-block {
	display: block
}

.visible-lg-inline {
	display: inline
}

.visible-lg-inline-block {
	display: inline-block
}[class*=xcol-] .gutter {
	padding-left: 20px;
	padding-right: 20px
}}

@media (min-width:992px) and (max-width:1199px) {
	.xcol-md-1 {
		width: 8.33333333%
	}

	.xcol-md-2 {
		width: 16.66666667%
	}

	.xcol-md-3 {
		width: 25%
	}

	.xcol-md-4 {
		width: 33.33333333%
	}

	.xcol-md-5 {
		width: 41.66666667%
	}

	.xcol-md-6 {
		width: 50%
	}

	.xcol-md-7 {
		width: 58.33333333%
	}

	.xcol-md-8 {
		width: 66.66666667%
	}

	.xcol-md-9 {
		width: 75%
	}

	.xcol-md-10 {
		width: 83.33333333%
	}

	.xcol-md-11 {
		width: 91.66666667%
	}

	.xcol-md-12 {
		width: 100%
	}

	.xcol-md-offset-1 {
		margin-left: 8.33333333%
	}

	.xcol-md-offset-2 {
		margin-left: 16.66666667%
	}

	.xcol-md-offset-3 {
		margin-left: 25%
	}

	.xcol-md-offset-4 {
		margin-left: 33.33333333%
	}

	.xcol-md-offset-5 {
		margin-left: 41.66666667%
	}

	.xcol-md-offset-6 {
		margin-left: 50%
	}

	.xcol-md-offset-7 {
		margin-left: 58.33333333%
	}

	.xcol-md-offset-8 {
		margin-left: 66.66666667%
	}

	.xcol-md-offset-9 {
		margin-left: 75%
	}

	.xcol-md-offset-10 {
		margin-left: 83.33333333%
	}

	.xcol-md-offset-11 {
		margin-left: 91.66666667%
	}

	.xcol-md-offset-12 {
		margin-left: 100%
	}

	.hidden0-md {
		display: none
	}

	.visible-md {
		display: inherit
	}

	.visible-md-block {
		display: block
	}

	.visible-md-inline {
		display: inline
	}

	.visible-md-inline-block {
		display: inline-block
	}[	class*=xcol-] .gutter {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.xcol-sm-1 {
		width: 8.33333333%
	}

	.xcol-sm-2 {
		width: 16.66666667%
	}

	.xcol-sm-3 {
		width: 25%
	}

	.xcol-sm-4 {
		width: 33.33333333%
	}

	.xcol-sm-5 {
		width: 41.66666667%
	}

	.xcol-sm-6 {
		width: 50%
	}

	.xcol-sm-7 {
		width: 58.33333333%
	}

	.xcol-sm-8 {
		width: 66.66666667%
	}

	.xcol-sm-9 {
		width: 75%
	}

	.xcol-sm-10 {
		width: 83.33333333%
	}

	.xcol-sm-11 {
		width: 91.66666667%
	}

	.xcol-sm-12 {
		width: 100%
	}

	.xcol-sm-offset-1 {
		margin-left: 8.33333333%
	}

	.xcol-sm-offset-2 {
		margin-left: 16.66666667%
	}

	.xcol-sm-offset-3 {
		margin-left: 25%
	}

	.xcol-sm-offset-4 {
		margin-left: 33.33333333%
	}

	.xcol-sm-offset-5 {
		margin-left: 41.66666667%
	}

	.xcol-sm-offset-6 {
		margin-left: 50%
	}

	.xcol-sm-offset-7 {
		margin-left: 58.33333333%
	}

	.xcol-sm-offset-8 {
		margin-left: 66.66666667%
	}

	.xcol-sm-offset-9 {
		margin-left: 75%
	}

	.xcol-sm-offset-10 {
		margin-left: 83.33333333%
	}

	.xcol-sm-offset-11 {
		margin-left: 91.66666667%
	}

	.xcol-sm-offset-12 {
		margin-left: 100%
	}

	.hidden0-sm {
		display: none
	}

	.visible-sm {
		display: inherit
	}

	.visible-sm-block {
		display: block
	}

	.visible-sm-inline {
		display: inline
	}

	.visible-sm-inline-block {
		display: inline-block
	}[	class*=xcol-] .gutter {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (max-width:767px) {
	.xcol-xs-1 {
		width: 8.33333333%
	}

	.xcol-xs-2 {
		width: 16.66666667%
	}

	.xcol-xs-3 {
		width: 25%
	}

	.xcol-xs-4 {
		width: 33.33333333%
	}

	.xcol-xs-5 {
		width: 41.66666667%
	}

	.xcol-xs-6 {
		width: 50%
	}

	.xcol-xs-7 {
		width: 58.33333333%
	}

	.xcol-xs-8 {
		width: 66.66666667%
	}

	.xcol-xs-9 {
		width: 75%
	}

	.xcol-xs-10 {
		width: 83.33333333%
	}

	.xcol-xs-11 {
		width: 91.66666667%
	}

	.xcol-xs-12 {
		width: 100%
	}

	.xcol-xs-offset-1 {
		margin-left: 8.33333333%
	}

	.xcol-xs-offset-2 {
		margin-left: 16.66666667%
	}

	.xcol-xs-offset-3 {
		margin-left: 25%
	}

	.xcol-xs-offset-4 {
		margin-left: 33.33333333%
	}

	.xcol-xs-offset-5 {
		margin-left: 41.66666667%
	}

	.xcol-xs-offset-6 {
		margin-left: 50%
	}

	.xcol-xs-offset-7 {
		margin-left: 58.33333333%
	}

	.xcol-xs-offset-8 {
		margin-left: 66.66666667%
	}

	.xcol-xs-offset-9 {
		margin-left: 75%
	}

	.xcol-xs-offset-10 {
		margin-left: 83.33333333%
	}

	.xcol-xs-offset-11 {
		margin-left: 91.66666667%
	}

	.xcol-xs-offset-12 {
		margin-left: 100%
	}

	.hidden0-xs {
		display: none
	}

	.visible-xs {
		display: inherit
	}

	.visible-xs-block {
		display: block
	}

	.visible-xs-inline {
		display: inline
	}

	.visible-xs-inline-block {
		display: inline-block
	}[	class*=xcol-] .gutter {
		padding-left: 5px;
		padding-right: 5px
	}
}

.f10 {
	font-size: 10px
}

.f12 {
	font-size: 12px
}

.f14 {
	font-size: 14px
}

.f16 {
	font-size: 16px
}

.f18 {
	font-size: 18px
}

.f20 {
	font-size: 20px
}

.f22 {
	font-size: 22px
}

.f24 {
	font-size: 24px
}

.f26 {
	font-size: 26px
}

.f28 {
	font-size: 28px
}

.f30 {
	font-size: 30px
}

.f32 {
	font-size: 32px
}

.f34 {
	font-size: 34px
}

.f36 {
	font-size: 36px
}

.f38 {
	font-size: 38px
}

.f40 {
	font-size: 40px
}

.f42 {
	font-size: 42px
}

.f44 {
	font-size: 44px
}

.f46 {
	font-size: 46px
}

.f48 {
	font-size: 48px
}

.f50 {
	font-size: 50px
}

.f52 {
	font-size: 52px
}

.flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.block,.block-center,.db {
	display: block
}

.maxw1000 {
	max-width: 1000px
}

.dn {
	display: none
}

.dib {
	display: inline-block
}

.di {
	display: inline
}

.block-center,.margin {
	margin-left: auto;
	margin-right: auto
}

.w1000 {
	width: 1000px
}

.w100,.wh100 {
	width: 100%;
	height: 100%;
}

.minw1000 {
	min-width: 1000px
}

.pos-r {
	position: relative
}

.pos-a {
	position: absolute
}

.pos-f {
	position: fixed
}

.tr0 {
	right: 0
}

.right,.xright {
	float: right
}

.left,.xleft {
	float: left
}

.f-bold,.fb {
	font-weight: 700
}

.f-normal,.fn {
	font-weight: 400
}

.text-upper,.uppercase {
	text-transform: uppercase
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.text-left {
	text-align: left
}

.br3 {
	border-radius: 3px
}

.bn {
	background: 0 0!important
}

@-webkit-keyframes rotate360 {
	from {
		-webkit-transform: perspective(1000px) rotate(0);
		transform: perspective(1000px) rotate(0)
	}

	to {
		-webkit-transform: perspective(1000px) rotate(360deg);
		transform: perspective(1000px) rotate(360deg)
	}
}

@keyframes rotate360 {
	from {
		-webkit-transform: perspective(1000px) rotate(0);
		transform: perspective(1000px) rotate(0)
	}

	to {
		-webkit-transform: perspective(1000px) rotate(360deg);
		transform: perspective(1000px) rotate(360deg)
	}
}

.roate360 {
	-webkit-animation: rotate360 20s linear 0s normal infinite;
	animation: rotate360 20s linear 0s normal infinite
}

.scale {
	-webkit-animation: scale 10s linear 0s alternate infinite;
	animation: scale 10s linear 0s alternate infinite
}

.cloudmove {
	width: 120%;
	-webkit-animation: cloudmove 15s linear 0s alternate infinite;
	animation: cloudmove 15s linear 0s alternate infinite
}

.movetopRight {
	-webkit-animation: movetopRight 5s linear 0s normal infinite;
	animation: movetopRight 5s linear 0s normal infinite
}

.rotatescale {
	-webkit-animation: rotatescale 20s linear 0s alternate infinite;
	animation: rotatescale 20s linear 0s alternate infinite
}

.leftright {
	-webkit-animation: leftright 15s linear 0s alternate infinite;
	animation: leftright 15s linear 0s alternate infinite
}

@-webkit-keyframes cloudmove {
	0% {
		-webkit-transform: perspective(1000px) scale(1) translate3d(-100px,0,0) rotate(0);
		transform: perspective(1000px) scale(1) translate3d(-100px,0,0) rotate(0);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@keyframes cloudmove {
	0% {
		-webkit-transform: perspective(1000px) scale(1) translate3d(-100px,0,0) rotate(0);
		transform: perspective(1000px) scale(1) translate3d(-100px,0,0) rotate(0);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-webkit-keyframes scale {
	0% {
		-webkit-transform: perspective(1000px) scale(1);
		transform: perspective(1000px) scale(1)
	}

	100% {
		-webkit-transform: perspective(1000px) scale(1.1);
		transform: perspective(1000px) scale(1.1)
	}
}

@keyframes scale {
	0% {
		-webkit-transform: perspective(1000px) scale(1);
		transform: perspective(1000px) scale(1)
	}

	100% {
		-webkit-transform: perspective(1000px) scale(1.1);
		transform: perspective(1000px) scale(1.1)
	}
}

@-webkit-keyframes movetopRight {
	0% {
		-webkit-transform: perspective(1000px) scale(.8) translate3d(230px,-190px,0) rotate(0);
		transform: perspective(1000px) scale(.8) translate3d(230px,-190px,0) rotate(0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	25% {
		-webkit-transform: perspective(1000px) scale(.9) translate3d(0,0,0) rotate(0);
		transform: perspective(1000px) scale(.9) translate3d(0,0,0) rotate(0);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100%,50% {
		-webkit-transform: perspective(1000px) scale(1) translate3d(-230px,190px,0) rotate(0);
		transform: perspective(1000px) scale(1) translate3d(-230px,190px,0) rotate(0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@keyframes movetopRight {
	0% {
		-webkit-transform: perspective(1000px) scale(.8) translate3d(230px,-190px,0) rotate(0);
		transform: perspective(1000px) scale(.8) translate3d(230px,-190px,0) rotate(0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	25% {
		-webkit-transform: perspective(1000px) scale(.9) translate3d(0,0,0) rotate(0);
		transform: perspective(1000px) scale(.9) translate3d(0,0,0) rotate(0);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100%,50% {
		-webkit-transform: perspective(1000px) scale(1) translate3d(-230px,190px,0) rotate(0);
		transform: perspective(1000px) scale(1) translate3d(-230px,190px,0) rotate(0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-webkit-keyframes rotatescale {
	0% {
		-webkit-transform: perspective(1000px) scale(1.1) translate3d(0,0,0) rotate(0);
		transform: perspective(1000px) scale(1.1) translate3d(0,0,0) rotate(0)
	}

	100% {
		-webkit-transform: perspective(1000px) scale(1.6) translate3d(0,0,0) rotate(10deg);
		transform: perspective(1000px) scale(1.6) translate3d(0,0,0) rotate(10deg)
	}
}

@keyframes rotatescale {
	0% {
		-webkit-transform: perspective(1000px) scale(1.1) translate3d(0,0,0) rotate(0);
		transform: perspective(1000px) scale(1.1) translate3d(0,0,0) rotate(0)
	}

	100% {
		-webkit-transform: perspective(1000px) scale(1.6) translate3d(0,0,0) rotate(10deg);
		transform: perspective(1000px) scale(1.6) translate3d(0,0,0) rotate(10deg)
	}
}

@-webkit-keyframes leftright {
	0% {
		-webkit-transform: perspective(1000px) scale(1.25) translate3d(-50px,0,0) rotateX(0) rotateY(0) rotateZ(0);
		transform: perspective(1000px) scale(1.25) translate3d(-50px,0,0) rotateX(0) rotateY(0) rotateZ(0)
	}

	100% {
		-webkit-transform: perspective(1000px) scale(1.25) translate3d(50px,0,0) rotateX(0) rotateY(0) rotateZ(0);
		transform: perspective(1000px) scale(1.25) translate3d(50px,0,0) rotateX(0) rotateY(0) rotateZ(0)
	}
}

@keyframes leftright {
	0% {
		-webkit-transform: perspective(1000px) scale(1.25) translate3d(-50px,0,0) rotateX(0) rotateY(0) rotateZ(0);
		transform: perspective(1000px) scale(1.25) translate3d(-50px,0,0) rotateX(0) rotateY(0) rotateZ(0)
	}

	100% {
		-webkit-transform: perspective(1000px) scale(1.25) translate3d(50px,0,0) rotateX(0) rotateY(0) rotateZ(0);
		transform: perspective(1000px) scale(1.25) translate3d(50px,0,0) rotateX(0) rotateY(0) rotateZ(0)
	}
}

.stars {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 2px;
	box-shadow: -447px 387px #c4c4c4,-401px 118px #fafafa,-109px 217px #d9d9d9,-680px -436px #e3e3e3,514px 360px #ccc,-708px 298px #e8e8e8,-696px -270px #ededed,116px -128px #f7f7f7,179px 35px #fff,-404px -90px #f5f5f5,-331px -309px #c4c4c4,-363px -24px #d1d1d1,277px 416px #fafafa,-145px -244px #f5f5f5,123px 62px #d4d4d4,-407px 418px #d9d9d9,535px 237px #d9d9d9,-466px -78px #f7f7f7,257px 287px #dedede,327px -398px #e0e0e0,-602px -38px #c2c2c2,128px 398px #e6e6e6,274px -446px #d1d1d1,-602px -298px #c7c7c7,526px -5px #c4c4c4,-90px -158px #fcfcfc,5px 294px #f5f5f5,-633px 229px #c4c4c4,-475px 427px #dedede,586px -453px #f2f2f2,180px -432px #c7c7c7,-637px -88px #cfcfcf,-453px 308px #d6d6d6,-111px 1px #d9d9d9,573px -450px #ededed,198px 300px #d6d6d6,-355px 166px #dedede,-715px 13px #e3e3e3,262px -104px #d1d1d1,147px 325px #dbdbdb,1px 399px #dbdbdb,286px -100px #fff,43px -329px #e8e8e8,617px 55px #d9d9d9,-168px -392px #ccc,84px 219px #c9c9c9,507px -226px #d9d9d9,-327px -70px #e6e6e6,386px -212px #c4c4c4,-717px 4px #cfcfcf,502px -231px #e3e3e3,302px 56px #ededed,649px 341px #c7c7c7,569px 350px #c9c9c9,516px -31px #e6e6e6,689px 447px #c2c2c2,591px -206px #fafafa,422px -137px #e6e6e6,-510px -324px #ccc,-649px 287px #c2c2c2,-194px -48px #f7f7f7,-279px -329px #d1d1d1,-406px 478px #dbdbdb,-735px -87px #c9c9c9,30px -197px #dedede,-564px 233px #e6e6e6,-486px -324px #ededed,-54px -7px #ededed,-441px -194px #e3e3e3,-133px -95px #e0e0e0,-722px -73px #d6d6d6,595px 423px #ededed,568px -39px #ededed,370px 377px #d1d1d1,-419px -102px #fcfcfc,-450px 109px #c4c4c4,-57px -119px #d1d1d1,-582px 150px #e6e6e6,206px -263px #cfcfcf,582px -461px #c9c9c9,-268px -141px #d9d9d9,-148px 291px #c7c7c7,254px -179px #c9c9c9,725px 424px #f0f0f0,391px -150px #ebebeb,89px -299px #d4d4d4,170px 1px #c9c9c9,243px 209px #c7c7c7,27px 460px #c9c9c9,-465px -380px #d4d4d4,530px -360px #f5f5f5,-626px 53px #e0e0e0,706px 218px #d9d9d9,40px -82px #ccc,-5px -212px #e6e6e6,-742px 33px #ebebeb,-714px 478px #e0e0e0,-585px -125px #ccc,-216px 348px #cfcfcf,601px 332px #ededed,344px -88px #c4c4c4,659px -22px #d1d1d1,-411px 188px #d6d6d6,-423px -206px #fcfcfc,-359px -136px #cfcfcf,612px 406px #f5f5f5,725px 96px #f5f5f5,363px -446px #fff,-204px 325px #c9c9c9,740px 176px #fafafa,-489px -352px #fff,-638px 64px #dbdbdb,537px -65px #dbdbdb,151px -32px #ebebeb,681px 212px #fcfcfc,604px -149px #e6e6e6,-542px -398px #c4c4c4,-707px 66px #f5f5f5,-381px 258px #cfcfcf,-30px 332px #d6d6d6,512px -381px #c9c9c9,195px 288px #ccc,-278px 479px #c7c7c7,27px -208px #d6d6d6,-288px 15px #fff,-680px 248px #dedede,433px 31px #c9c9c9,150px -206px #d4d4d4,-79px 247px #fff,-594px 115px #e0e0e0,99px 292px #e0e0e0,673px -269px #dedede,-257px -64px #d1d1d1,449px 81px #f2f2f2,18px -99px #d1d1d1,-694px 415px #f7f7f7,240px 264px #e0e0e0,450px -172px #fff,383px 7px #e8e8e8,338px -73px #c9c9c9,291px -19px #ebebeb,659px 137px #d1d1d1,602px -6px #fcfcfc,554px 249px #ebebeb,625px 356px #d9d9d9,579px -183px #d6d6d6,-20px 250px #fff,-401px 431px #c4c4c4,-645px -232px #ccc,-265px -148px #fff,553px 258px #d1d1d1,166px -360px #ebebeb,719px 51px #ededed,612px -129px #ebebeb,-465px -104px #f2f2f2,-154px -121px #d9d9d9,-1px 330px #f2f2f2,-666px 248px #f7f7f7,-720px 264px #ededed,148px -365px #e6e6e6,-388px -349px #c4c4c4,128px -88px #e3e3e3,-683px -274px #fafafa,-341px 41px #c9c9c9,-59px -471px #f0f0f0,-3px -427px #c2c2c2,418px 167px #d6d6d6,343px 247px #c7c7c7,623px -347px #d1d1d1,716px -217px #fff,243px -409px #f5f5f5,-75px -126px #d6d6d6,-730px -91px #c9c9c9,-210px -397px #cfcfcf,-349px 180px #c9c9c9,-567px -281px #e0e0e0,-460px 381px #fcfcfc,-310px -22px #ededed,450px -1px #dbdbdb,-405px -328px #e3e3e3,5px 332px #d6d6d6,-294px 302px #fcfcfc,-398px 97px #f5f5f5,-696px 325px #cfcfcf,-589px 110px #d6d6d6,353px -411px #dbdbdb,-697px -318px #ebebeb,-114px -72px #f0f0f0,259px -193px #fcfcfc,60px 26px #e6e6e6,-63px -232px #fff,205px -372px #f7f7f7,-464px -333px #f2f2f2,-374px 123px #fff,-377px -386px #c7c7c7,-80px 337px #ccc,478px -178px #dbdbdb,222px 420px #ebebeb,-707px 99px #c4c4c4,716px -132px #fafafa,-253px -286px #e3e3e3,646px 178px #f0f0f0,201px 24px #d1d1d1,178px -58px #c7c7c7,-557px 368px #ededed,0 219px #d9d9d9,-266px -269px #ccc,242px -197px #c9c9c9,-419px 193px #c2c2c2,-47px 91px #c7c7c7,-109px 75px #c2c2c2,-146px -453px #d6d6d6,671px -350px #f2f2f2,421px -91px #d9d9d9,738px 19px #ededed,-316px -155px #dedede,419px 244px #fcfcfc,-278px -418px #d6d6d6,-581px -181px #fcfcfc,139px 264px #d9d9d9,691px -11px #ebebeb,-622px 402px #c2c2c2,219px 396px #f0f0f0,-149px -423px #fff,-716px -78px #d9d9d9,-590px 341px #e6e6e6,-208px 79px #d6d6d6,-227px -24px #f7f7f7,239px 262px #d1d1d1,740px 443px #f7f7f7,509px 134px #d6d6d6,-555px 232px #e8e8e8,-67px -427px #cfcfcf,-368px 250px #f7f7f7,715px -415px #fafafa,411px -301px #f0f0f0,-322px 287px #d9d9d9,-429px -90px #f2f2f2,-327px -387px #f0f0f0,-491px 183px #c2c2c2,-133px 250px #d4d4d4,538px 139px #e3e3e3,-417px -125px #f0f0f0,653px -351px #e6e6e6,-549px 38px #d4d4d4,602px 110px #f5f5f5,415px 105px #e0e0e0,-733px -371px #cfcfcf,286px 403px #d4d4d4,11px 320px #c4c4c4,-597px 158px #f5f5f5,716px -350px #f5f5f5,321px 67px #fafafa,-237px -300px #cfcfcf,74px 152px #c9c9c9,587px -123px #fcfcfc,699px -332px #f5f5f5,399px 355px #f7f7f7,-323px 314px #dbdbdb,89px 416px #c7c7c7,445px 38px #e3e3e3,572px 122px #c4c4c4,-258px 372px #fff,49px 306px #d9d9d9,437px -35px #dedede,566px 174px #f2f2f2,732px -299px #f5f5f5,-410px 394px #ededed,131px -415px #fff,19px -326px #e8e8e8,-700px -188px #d1d1d1,96px -1px #e0e0e0,-328px -396px #f0f0f0,-117px -214px #fcfcfc,-53px 261px #ebebeb,80px 134px #d6d6d6,-364px -216px #fff,-636px -125px #dbdbdb,-639px -265px #e3e3e3,208px 98px #c7c7c7,172px 467px #e0e0e0,435px 309px #e3e3e3,194px -259px #f0f0f0,209px -186px #c9c9c9,-312px 418px #fafafa,229px 407px #c9c9c9,-449px -357px #fafafa,674px 121px #e8e8e8,608px -429px #ebebeb,-431px -428px #cfcfcf,105px 462px #e3e3e3,-179px -372px #e3e3e3,143px -317px #d6d6d6,-449px -149px #fafafa,-544px 250px #dedede,-220px -323px #f5f5f5,658px 8px #f5f5f5,-656px -244px #e8e8e8,347px 11px #f5f5f5,694px -230px #f7f7f7,-317px 1px #c4c4c4,28px 23px #fcfcfc,-382px 321px #dbdbdb,632px -74px #c4c4c4,154px -245px #c2c2c2,-553px 337px #d6d6d6,-48px -243px #d1d1d1,92px -391px #ccc,-71px -256px #cfcfcf,-372px 57px #d9d9d9,369px -140px #fcfcfc,675px 81px #c2c2c2,-663px 254px #ccc,703px -203px #ededed,74px -363px #c2c2c2,643px -458px #d1d1d1,198px 359px #ccc,265px 309px #d4d4d4,-353px -368px #e8e8e8,-465px 439px #f5f5f5,693px 360px #c9c9c9,634px -397px #d1d1d1,467px 25px #f5f5f5,-558px -272px #e6e6e6,671px 69px #dbdbdb,407px 357px #cfcfcf,379px 80px #fff,10px -203px #c9c9c9,104px -292px #f0f0f0,-667px -29px #d1d1d1,557px -155px #e6e6e6,-505px 115px #cfcfcf,-605px 164px #f2f2f2,-108px -223px #e0e0e0,523px -156px #ebebeb,691px 230px #fff,-507px -13px #d1d1d1,-349px 332px #dedede,520px 266px #f5f5f5,-66px -250px #e6e6e6,-496px -449px #ebebeb,414px -170px #dedede,-649px 230px #ebebeb,598px -92px #c7c7c7,-638px 113px #c2c2c2,151px 363px #f7f7f7,-445px -241px #f0f0f0,527px -14px #dedede,203px -61px #cfcfcf,-716px -284px #ebebeb,-525px 134px #c2c2c2;
	animation: fly 3s linear infinite;
	-webkit-animation: fly 3s linear infinite;
	-moz-animation: fly 3s linear infinite;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d
}

.stars:after,.stars:before {
	content: "";
	position: absolute;
	width: inherit;
	height: inherit;
	box-shadow: inherit
}

.stars:before {
	-webkit-transform: translateZ(-300px);
	transform: translateZ(-300px);
	-moz-transform: translateZ(-300px);
	opacity: .6
}

.stars:after {
	transform: translateZ(-600px);
	-webkit-transform: translateZ(-600px);
	-moz-transform: translateZ(-600px);
	opacity: .4
}

@-webkit-keyframes fly {
	0% {
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		opacity: 0
	}

	100% {
		transform: translateZ(300px);
		-webkit-transform: translateZ(300px);
		-moz-transform: translateZ(300px);
		opacity: .8
	}
}

@keyframes fly {
	0% {
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		opacity: 0
	}

	100% {
		transform: translateZ(300px);
		-webkit-transform: translateZ(300px);
		-moz-transform: translateZ(300px);
		opacity: .8
	}
}

.star-inner {
	width: 100%;
	height: 100%;
	-webkit-perspective: 340px;
	perspective: 340px;
	position: relative;
	opacity: .5
}

.stars2 {
	-webkit-animation-delay: -1.5s;
	animation-delay: -1.5s
}

.banner {
	width: 100%
}

.banner .anyc-slide,.banner .anyc-slide * {
	background-size: cover;
	background-position: center
}

.banner .anyc .diqiu {
	opacity: .5;
	filter: alpha(opacity=50)
}

.banner .anyc .anyc-slide {
	transition: all 1s cubic-bezier(.5,0,.2,1) 0s;
	opacity: 0;
	filter: alpha(opacity=0)
}

.banner .buttons .button,.banner .diandian span,.banner .slide-main .slide-one .banner-txt .news-banner .newlist a,.buttons .button a {
	transition: all .5s cubic-bezier(.5,0,.2,1) 0s
}

.banner .anyc .anyc-slide.activesync {
	opacity: 1;
	filter: alpha(opacity=100)
}

.banner .slide-main .slide-slide {
	float: left
}

.banner .slide-main .slide-one .banner-txt {
	top: 50%;
	margin-top: -73px
}

.banner .slide-main .slide-one .banner-txt img {
	display: block;
	margin-bottom: 40px
}

.banner .slide-main .slide-one .banner-txt .h5 {
	max-width: 520px
}

.banner .slide-main .slide-one .banner-txt .news-banner {
	width: 350px;
	padding-top: 40px
}

.banner .slide-main .slide-one .banner-txt .news-banner .top {
	border-bottom: 1px #50575c solid
}

.banner .slide-main .slide-one .banner-txt .news-banner .top .new {
	padding-bottom: 10px;
	border-bottom: 3px #4395f9 solid;
	margin-bottom: -1px
}

.banner .slide-main .slide-one .banner-txt .news-banner .top .right {
	margin-top: -5px
}

.banner .slide-main .slide-one .banner-txt .news-banner .top .right i {
	display: block;
	cursor: pointer;
	float: left;
	width: 30px;
	height: 30px;
	background: url(../../images/banner20181205/arrow.png) 8px 6px no-repeat
}

.banner .slide-main .slide-one .banner-txt .news-banner .top .right i.arrowright {
	background: url(../../images/banner20181205/arrow.png) -18px 6px no-repeat
}

.banner .slide-main .slide-one .banner-txt .news-banner .newlist li {
	left: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
	transition: all .5s cubic-bezier(.5,0,.2,1) 0s;
	-webkit-transform: perspective(1000px) translate3d(0,100px,0);
	transform: perspective(1000px) translate3d(0,100px,0)
}

.banner .slide-main .slide-one .banner-txt .news-banner .newlist li.active {
	visibility: visible;
	opacity: 1;
	-webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0)
}

.banner .slide-main .slide-one .banner-txt .news-banner .newlist h3 a {
	margin: 10px 0;
	color: #fff;
	height: 22px;
	overflow: hidden;
	display: block
}

.banner .slide-main .slide-one .banner-txt .news-banner .newlist h3 a:hover {
	color: #4395f9
}

.banner .slide-main .slide-one .banner-txt .news-banner .newlist p a {
	color: #777;
	display: block;
	height: 38px;
	overflow: hidden
}

.banner .slide-main .slide-one .banner-txt .news-banner .newlist p a:hover {
	color: #4395f9
}

.banner .slide-main .slide-one .banner-txt.banner-txt-1 {
	top: 30%
}

.banner .slide-main .slide-one .banner-txt .banner-2-r {
	right: 0;
	width: 60%;
	top: -100%
}

.banner .slide-main .slide-one .banner-txt .banner-2-r img {
	width: 100%
}

.banner .slide-main .slide-one .banner-txt .b3.h5 {
	max-width: 322px
}

.banner .slide-main .slide-one .banner-txt .banner-3-r {
	right: 0;
	width: 60%;
	top: -60%
}

.banner .slide-main .slide-one .banner-txt .banner-3-r img {
	width: 100%
}

.banner .buttons .button:hover {
	width: 200px
}

.banner .mouseDown {
	width: 48px;
	height: 59px;
	left: 50%;
	margin-left: -24px;
	bottom: 50px;
	background: url(../../images/banner20181205/shubiao.png) no-repeat
}

.banner .diandian {
	position: absolute;
	right: 20px!important;
	left: auto!important;
	margin: 0;
	width: 20px!important;
	height: auto;
	top: 40%
}

.banner .diandian span {
	cursor: pointer;
	display: block;
	width: 10px;
	margin-bottom: 20px;
	float: none!important;
	height: 10px;
	background: #fff;
	border-radius: 5px
}

.banner .diandian span.switch-active {
	height: 30px;
	background: #1073e8
}

@media screen and (max-width:1366px) {
	.banner .slide-main .slide-one .banner-txt .logo-big {
		width: 400px
	}

	.banner .slide-main .slide-one .banner-txt .lb-b {
		width: 500px
	}

	.banner .slide-main .slide-one .banner-txt .h5 {
		max-width: 400px
	}

	.banner .slide-main .slide-one .banner-txt .banner-2-r {
		width: 50%;
		top: -80%
	}

	.banner .slide-main .slide-one .banner-txt .banner-3-r {
		top: -30%
	}
}

@media screen and (max-width:1100px) {
	.banner .slide-main .slide-one .banner-txt {
		margin-top: 0;
		padding-top: 0;
		-webkit-transform: perspective(1000px) scale(1) translate3d(0,40%,0) rotate(0);
		transform: perspective(1000px) scale(1) translate3d(0,40%,0) rotate(0);
		top: 30%
	}

	.banner .slide-main .slide-one .banner-txt .banner-2-r {
		width: 70%;
		top: -70%;
		right: -10%
	}

	.banner .slide-main .slide-one .banner-txt .banner-2-r img {
		width: 100%!important
	}

	.banner .slide-main .slide-one .banner-txt.banner-txt-1 {
		top: 10%
	}

	.banner .slide-main .slide-one .banner-txt img {
		max-width: 90%!important
	}

	.banner .slide-main .slide-one.b3s .banner-txt {
		-webkit-transform: perspective(1000px) scale(1) translate3d(0,40%,0) rotate(0);
		transform: perspective(1000px) scale(1) translate3d(0,40%,0) rotate(0);
		top: 20%
	}
}

.buttons .button {
	width: 176px;
	height: 42px;
	border: 1px solid #0a5d88;
	display: block;
	line-height: 42px
}

.buttons .button a {
	color: #3d95fc;
	display: block
}

.r0 {
	right: 0
}

.w1200 {
	width: 100%;
	max-width: 1200px
}

@media screen and (max-width:1400px) {
	.w1200 {
		max-width: 1000px
	}
}

.model-one {
	background: #fff;
	padding: 40px 0
}

@media screen and (max-width:1100px) {
	.w1200,.w1200 img {
		max-width: 80%
	}

	.model-one p {
		padding: 0 20px
	}

	.model-one .f36 {
		font-size: 26px
	}
}

.model-two {
	background: #1073E8
}

.model-two .item {
	float: left;
	overflow: hidden
}

.model-two .item .bk {
	left: -50px;
	padding: 0 50px;
	background: url(../../images/banner20181205/model-two-bk.jpg) left center no-repeat;
	background-size: cover;
	-webkit-animation: leftright 15s linear 0s alternate infinite;
	animation: leftright 15s linear 0s alternate infinite;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.model-two .item .main {
	background: #1073e8;
	padding: 30% 5% 20%;
	transition: all 1.5s cubic-bezier(.5,0,.2,1) 0s
}

.model-two .item .main .icon-img-c {
	height: 87px;
	line-height: 87px;
	padding-top: 59px;
	margin-bottom: 40px
}

.model-two .item .main .icon-img-c img {
	margin-bottom: 0
}

.model-two .item .main .ti,.model-two .item .main .tie,.model-two .item .main .txt {
	color: #fff
}

.model-two .item .main .tie {
	font-weight: 400;
	font-size: 16px
}

.model-two .item .main .info-p {
	height: 22px;
	color: #ccc;
	transition: all .5s cubic-bezier(.5,0,.2,1) 0s;
	margin-top: 20px;
	font-size: 14px
}

.model-two .item .main .txt {
	transition: all .5s linear 0s;
	height: 50px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: perspective(1000px) translate3d(0,50px,0);
	transform: perspective(1000px) translate3d(0,50px,0);
	text-align: center
}

.model-two .item .main .txt li {
	margin-bottom: 5px;
	width: auto;
	display: inline;
	float: none;
	margin-right: 10px;
	height: 30px;
	line-height: 30px
}

.model-two .item .main .txt li a {
	transition: all .5s cubic-bezier(.5,0,.2,1) 0s;
	opacity: 1;
	filter: alpha(opacity=100);
	color: #fff
}

.model-two .item .main .txt li a:hover {
	color: #1681ff
}

.model-two .item .main .txt li.dn {
	display: block;
	height: 0;
	margin: 0
}

.model-two .item .main .buttons {
	transition: all .5s linear 0s;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: perspective(1000px) translate3d(0,50px,0);
	transform: perspective(1000px) translate3d(0,50px,0)
}

.model-two .item .main .button {
	width: 60%;
	max-width: 160px;
	height: 36px;
	line-height: 36px;
	background: rgba(16,115,232,.1);
	border: 1px solid rgba(16,115,232,.5);
	transition: all .5s linear 0s;
	margin-top: 20%
}

.footer .center .link a,.footer .f-nav-list a,.model-five .buttons .button,.model-five .main ul li .dxd,.model-five .main ul li .txt a,.model-four .ul .li .zc,.model-four .ul .li .zc *,.model-four .ul .li img,.model-senven li .top .abk,.model-senven li .top img,.model-senven li p.cfff,.model-three .inner .buton-arr,.model-three .slide-de .inn .button {
	transition: all .5s cubic-bezier(.5,0,.2,1) 0s
}

.model-two .item .main .button a {
	color: #fff;
	display: block
}

.model-two .item .main .button:hover {
	padding: 0 15px
}

.model-two .item:hover .main {
	background: 0 0
}

.model-two .item:hover .main .buttons,.model-two .item:hover .main .txt {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0)
}

.model-two .item:hover .main .info-p {
	opacity: 0;
	filter: alpha(opacity=0)
}

.model-two .item:hover .bk {
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1440px) {
	.model-two ul {
		margin: 0 -10px
	}
}

@media screen and (max-width:1200px) {
	.model-two ul {
		margin: 0 -10px
	}

	.model-two li {
		font-size: 12px;
		margin-right: 5px
	}
}

@media screen and (max-width:1100px) {
	.model-two ul {
		margin: 0
	}

	.model-two li {
		font-size: 14px;
		margin-right: 10px
	}

	.model-two .xcol-2.item {
		width: 100%
	}

	.model-two .xcol-2.item .main {
		padding: 30px 20px;
		zoom: 1;
		clear: both;
		text-align: center
	}

	.model-two .xcol-2.item .main .button {
		margin-top: 10px
	}

	.model-two .xcol-2.item li.dn {
		display: block;
		margin: 0;
		height: 0
	}
}

.model-three,.model-three .inner {
	height: 800px
}

@media screen and (max-width:760px) {
	.model-two .xcol-2.item {
		width: 100%
	}

	.model-two .xcol-2.item .main {
		padding: 30px 20px;
		zoom: 1;
		clear: both;
		text-align: center
	}

	.model-two .xcol-2.item .main .icon-img-c {
		padding-top: 0
	}

	.model-two .xcol-2.item .main .buttons {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: perspective(1000px) translate3d(0,0,0);
		transform: perspective(1000px) translate3d(0,0,0)
	}

	.model-two .xcol-2.item .main .txt {
		opacity: .5;
		filter: alpha(opacity=50);
		-webkit-transform: perspective(1000px) translate3d(0,0,0);
		transform: perspective(1000px) translate3d(0,0,0)
	}

	.model-two .xcol-2.item .main .button {
		margin-top: 10px
	}

	.model-two .xcol-2.item .main .info-p {
		display: none
	}
}

.footer .center .erweima,.footer .f-nav-list ul.right {
	clear: right
}

.model-three.bk-fcc {
	background: #FAFAFA
}

.model-three .inner .buton-arr {
	top: 50%;
	cursor: pointer;
	width: 52px;
	height: 50px;
	left: 66px;
	background: url(../../images/banner20181205/model-an.png) no-repeat
}

.model-three .inner .buton-arr.right {
	left: auto;
	right: 66px;
	background-position: right 0
}

.model-three .inner .buton-arr:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.model-three .diqiu {
	background: url(../../images/banner20181205/model-3-bk.jpg) center/cover no-repeat
}

.model-three .bk-ff {
	background: url(../../images/banner20181205/model-3-bk-1.png) center/cover no-repeat
}

.model-three .bk-txt {
	z-index: 20
}

.model-three .bk-txt .titl {
	margin-top: 80px
}

.model-three .bk-txt .f16 {
	color: #777
}

.model-three .slide-de {
	height: 800px
}

.model-three .slide-de .slide-three {
	float: left
}

.model-three .slide-de .inn {
	top: 50%;
	left: 0;
	margin-top: -180px
}

.model-three .slide-de .inn .ti {
	margin-top: 6px;
	margin-bottom: 40px
}

.model-three .slide-de .inn p {
	width: 280px
}

.model-three .slide-de .inn .button {
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
	width: 150px;
	background: #1073e8;
	color: #fff;
	border: none
}

.model-three .slide-de .inn .button i {
	width: 40px;
	height: 40px;
	right: -40px;
	top: 0;
	background: url(../../images/banner20181205/model-a.png) center no-repeat #2e8eff
}

.model-three .slide-de .inn .button:hover {
	width: 180px
}

.model-three .slide-de .inn .txt {
	padding-top: 98px
}

.model-three .slide-de .inn .imgs {
	margin-left: 70px
}

@media screen and (max-width:1100px) {
	.model-three .imgs {
		display: none
	}

	.model-three .txt {
		float: none;
		margin-left: auto;
		margin-right: auto
	}

	.model-three .inn {
		-webkit-transform: perspective(1000px) scale(1) translate3d(25%,0,0) rotate(0);
		transform: perspective(1000px) scale(1) translate3d(25%,0,0) rotate(0)
	}

	.model-three .inner {
		height: 800px
	}

	.model-three .inner .buton-arr.left {
		left: 20px
	}

	.model-three .inner .buton-arr.right {
		right: 20px
	}
}

@media screen and (max-width:760px) {
	.model-three,.model-three .inner,.model-three .slide-de {
		height: 540px
	}

	.model-three .inner .buton-arr {
		top: 57%
	}

	.model-three .slide-de .inn {
		-webkit-transform: perspective(1000px) scale(1) translate3d(0,0,0) rotate(0);
		transform: perspective(1000px) scale(1) translate3d(0,0,0) rotate(0);
		left: 50%!important;
		margin-left: -140px
	}

	.model-three .slide-de .inn .txt {
		padding-top: 118px
	}

	.model-three .bk-txt .titl {
		margin-top: 40px
	}
}

.c999 {
	color: #999
}

.c777 {
	color: #777
}

.model-four {
	background: #e5e5e5;
	padding-top: 30px;
	height: auto
}

.model-four .ul {
	margin-top: 10px
}

.model-four .ul .li {
	float: left;
	background: #000;
	overflow: hidden
}

.model-five .main ul li.five .rili,.model-five .main ul li.five .txt,.model-five .main ul li.fure .rili,.model-five .main ul li.fure .txt {
	float: right
}

.model-four .ul .li img {
	width: 100%;
	display: block
}

.model-four .ul .li .zc {
	top: 50%;
	opacity: 0;
	filter: alpha(opacity=0)
}

.model-four .ul .li .zc * {
	color: #fff;
	left: 5%
}

.model-four .ul .li .zc .dis {
	bottom: 25px;
	height: 22px;
	overflow: hidden
}

.model-four .ul .li .zc .ti {
	bottom: 50px;
	height: 28px;
	overflow: hidden
}

.model-four .ul .li .zc .time {
	bottom: 80px;
	opacity: .5;
	filter: alpha(opacity=50)
}

.model-four .ul .li .zc .hx {
	bottom: 111px;
	height: 2px;
	background: #fff;
	width: 30px
}

.model-four .ul .li .zc .fk {
	bottom: 130px;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	background: url(../../images/banner20181205/model-4-1.png) center no-repeat
}

.model-four .ul .li .zc .na {
	bottom: 190px
}

.model-four .ul .li .zc :hover {
	color: #ccc
}

.model-four .ul .li:hover img {
	opacity: .3;
	filter: alpha(opacity=30)
}

.model-four .ul .li:hover .zc {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100)
}

@media screen and (max-width:700px) {
	.model-four .ul .li img {
		opacity: .3;
		filter: alpha(opacity=30)
	}

	.model-four .ul .li .zc {
		top: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}

	.model-four .ul .li .zc .dis {
		bottom: 10px
	}

	.model-four .ul .li .zc .ti {
		bottom: 35px
	}

	.model-four .ul .li .zc .time {
		bottom: 65px
	}

	.model-four .ul .li .zc .hx {
		bottom: 95px
	}

	.model-four .ul .li .zc .fk {
		bottom: 115px
	}

	.model-four .ul .li .zc .na {
		bottom: 165px
	}
}

.model-five {
	padding-top: 170px;
}

.model-five .bk {
	background: url(../../images/banner20181205/model-5-bk.jpg) center/cover no-repeat fixed
}

.model-five .bk.five {
	background-position: center left
}

.model-five .ti {
	padding-top: 150px
}

.model-five .main {
	width: 430px;
	height: 430px;
	margin-top:90px
}

.model-five .main .quan {
	background: url(../../images/banner20181205/quan.png) center/cover no-repeat
}

.model-five .main .xiaoquan {
	background: url(../../images/banner20181205/xquan.png) center/cover no-repeat;
	left: 23px;
	right: 23px;
	top: 23px;
	bottom: 23px
}

.model-five .main .xiaoquan .dxd {
	width: 80px;
	height: 80px;
	margin-left: -40px;
	left: 50%;
	top: -40px;
	background: url(../../images/banner20181205/dxd.png) center/cover no-repeat
}

.model-five .main .xiaoquan .xd {
	width: 20px;
	height: 20px;
	background: url(../../images/banner20181205/xiaodain.png) center/cover no-repeat;
	left: 50%;
	margin-left: -10px;
	top: -10px
}

.model-five .main .nav {
	left: 60px;
	right: 60px;
	top: 30px
}

.model-five .main .nav p {
	margin-top: 80px;
	margin-bottom: 20px;
	color: #fff
}

.model-five .main .nav dd {
	margin-bottom: 20px
}

.model-five .main .nav dd a {
	color: #777
}

.model-five .main .nav dd a:hover {
	color: #1073e8
}

.model-five .main ul li {
	width: 386px
}

.model-five .main ul li .dxd {
	opacity: 0;
	filter: alpha(opacity=0);
	width: 80px;
	height: 80px;
	left: -60px;
	top: 22px;
	background: url(../../images/banner20181205/dxd.png) center/cover no-repeat
}

.model-five .main ul li .xd {
	width: 20px;
	height: 20px;
	background: url(../../images/banner20181205/xiaodain.png) center/cover no-repeat;
	left: -30px;
	top: 52px
}

.model-five .main ul li .rili {
	background: #1073e8;
	width: 50px;
	height: 50px;
	color: #fff;
	text-align: center;
	line-height: 50px;
}

.model-five .main ul li .rili em {
	line-height: 20px
}

.model-five .main ul li .txt {
	transition: all .5s cubic-bezier(.5,0,.2,1) 0s;
	padding: 10px;
	max-width: 265px;
	background: #000
}

.model-five .main ul li .txt a {
	color: #cdcdcd;
}

.model-five .main ul li .txt h3 {
	height: 20px;
	overflow: hidden
}

.model-five .main ul li .txt p {
	height: 38px;
	overflow: hidden
	color:#cdcdcd;
}

.model-five .main ul li.one {
	left: 380px;
    top: 30px;
}

.model-five .main ul li.two {
	left: 424px;
	top: 183px
}

.model-five .main ul li.two .dxd {
	top: 0
}

.model-five .main ul li.two .xd {
	top: 30px
}

.model-five .main ul li.three {
	left: 402px;
    top: 296px;
}

.model-five .main ul li.three .dxd {
	top: -34px
}

.model-five .main ul li.three .xd {
	top: -3px
}

.model-five .main ul li.fure {
	right: 401px;
	top: 300px
}

.model-five .main ul li.fure .dxd {
	right: -60px;
	top: -33px;
	left: auto
}

.model-five .main ul li.fure .xd {
	left: auto;
	right: -30px;
	top: -3px
}

.model-five .main ul li.five {
	right: 401px;
	top: 58px
}

.model-five .main ul li.five .dxd {
	right: -78px;
	top: -5px;
	left: auto
}

.model-five .main ul li.five .xd {
	left: auto;
	right: -49px;
	top: 25px
}

.model-five .main ul li:hover .txt {
	background: #083a74
}

.model-five .main ul li:hover .txt a {
	color: #fff
}

.model-five .main ul li:hover .dxd {
	opacity: 1;
	filter: alpha(opacity=100)
}

.model-five .buttons .button {
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
	width: 100px;
	background: #03172e;
	color: #1073e8
}

.model-five .buttons .button i {
	width: 40px;
	height: 40px;
	right: -42px;
	border: 1px solid #2e8eff;
	top: -1px;
	background: url(../../images/banner20181205/model-a.png) center no-repeat #2e8eff
}

.model-five .buttons .button:hover {
	background: #1073e8;
	color: #fff
}

@media screen and (max-width:1280px) {
	.model-five .main {
		-webkit-transform: perspective(1000px) scale(.8);
		transform: perspective(1000px) scale(.8)
	}
}

@media screen and (max-width:1100px) {
	.model-five .main .quan,.model-five .main .xiaoquan,.model-five .main li .dxd,.model-five .main li .xd,.model-five .nav {
		display: none
	}

	.model-five .ti {
		max-width: 80%
	}

	.model-five .main {
		-webkit-transform: perspective(1000px) scale(1);
		transform: perspective(1000px) scale(1);
		width: 100%;
		height: auto
	}

	.model-five .main li {
		width: 100%!important;
		position: static
	}

	.model-five .main li .rili,.model-five .main li .txt {
		float: left!important
	}

	.model-five .main li .txt {
		max-width: -webkit-calc(100% - 122px)!important;
		width: -webkit-calc(100% - 122px)
	}

	.model-five .main .buttons {
		padding-top: 20px
	}
}

.model-six .bk {
	z-index: 21
}

.model-six .zhexian {
	margin-top: -150px;
	z-index: 20;
	margin-bottom: -100px;
	height: 796px;
	background: url(../../images/banner20181205/model-six-bk.jpg) center/100% 100% no-repeat #fff
}

.model-six .zhexian .yq-b {
	margin-top: 30px;
	background: url(../../images/banner20181205/yd.png) center/70% no-repeat;
	width: 80px;
	height: 80px;
	display: block;
	border-radius: 50%
}

.model-six .zhexian em {
	line-height: 50px
}

.model-six .zhexian p {
	color: #3f6a95
}

.model-six .zhexian li {
	width: 100px
}

.model-six .zhexian li .f50 {
	font-size: 30px
}

.model-six .zhexian .one-step {
	left: 5.72916667%;
	bottom: 38.833333%
}

.model-six .zhexian .two-step {
	left: 18.4%;
	bottom: 36%
}

.model-six .zhexian .three-step {
	left: 28%;
	bottom: 52%
}

.model-six .zhexian .fure-step {
	left: 45%;
	bottom: 34%
}

.model-six .zhexian .five-step {
	left: 59%;
	bottom: 37.9%
}

.model-six .zhexian .six-step {
	left: 69%;
	bottom: 48.8%
}

.model-six .zhexian .senven-step {
	left: 83%;
	bottom: 37.8%
}

.model-six .zhexian .eight-step {
	left: 89.5%;
	bottom: 51.4%
}

@media screen and (max-width:1100px) {
	.model-six {
		display: none
	}

	.model-six li {
		position: static;
		float: left;
		width: 25%!important;
		margin-bottom: 20px
	}

	.model-six .zhexian {
		margin-top: 40px;
		background: #fff;
		height: auto
	}

	.model-senven .w1200 {
		max-width: 100%
	}
}

.model-senven {
	padding-bottom: 50px;
	z-index: 20
}

.model-senven .bk {
	background-image: url(../../images/banner20181205/model-7-bk.jpg)
}

.model-senven .hx {
	background: #1073e8;
	width: 38px;
	height: 2px;
	margin-top: 15px
}

.model-senven ul {
	margin-top: 50px
}

.model-senven li {
	float: left;
	width: 20%;
	cursor: pointer
}

.model-senven li .top {
	width: 155px;
	height: 155px;
	margin-bottom: 20px;
	background-repeat: no-repeat
}

.model-senven li .top img {
	display: block;
	max-width: 100%
}

.model-senven li .top .abk {
	background-repeat: no-repeat;
	background-position: center
}

.model-senven li p {
	margin-bottom: 15px
}

.model-senven li p.cfff {
	color: #fff
}

.model-senven li:hover img {
	-webkit-transform: perspective(1000px) scale(1) translate3d(0,0,0) rotate(90deg);
	transform: perspective(1000px) scale(1) translate3d(0,0,0) rotate(90deg)
}

.model-senven li:hover .abk {
	-webkit-transform: perspective(1000px) rotateX(0) rotateY(360deg) rotateZ(0);
	transform: perspective(1000px) rotateX(0) rotateY(360deg) rotateZ(0)
}

.model-senven li:hover p.cfff {
	color: #2e8eff
}

@media screen and (max-width:827px) {
	.model-senven li {
		width: 50%
	}

	.model-senven li:nth-child(3) {
		width: 100%
	}

	.model-senven li p {
		margin-bottom: 0
	}
}

.mt10 {
	margin-top: 10px
}

.mb10 {
	margin-bottom: 10px
}

.footer {
	padding-top: 30px;
	background: #fff
}

.footer .f-nav-list {
	margin-top: 30px
}

.footer .f-nav-list li {
	float: left
}

.footer .f-nav-list ul.left li {
	margin-right: 30px
}

.footer .f-nav-list ul.right li {
	margin-left: 30px
}

.footer .f-nav-list a {
	color: #333
}

.footer .f-nav-list a:hover {
	color: #1073e8
}

.footer .center {
	margin-top: 20px;
	border-top: 1px #e5e5e5 solid;
	background: #f5f7f9
}

.footer .center .info-f {
	width: 322px
}

.footer .center .info-f p {
	box-sizing: border-box
}

.footer .center .info-f .site {
	padding-left: 20px;
	background: url(../../images/banner20181205/dw.png) 0 center no-repeat
}

.footer .center .info-f .wl em {
	padding: 2px 10px;
	background-color: #1073e8;
	font-size: 12px;
	color: #fff
}

.footer .center .hezuo {
	width: 592px
}

.footer .center .hezuo ul {
	width: 100%;
	margin-left: -16px
}

.footer .center .hezuo li {
	float: left;
	width: 130px;
	margin-left: 15px;
	margin-bottom: 15px;
	height: 45px;
	overflow: hidden;
	border: 1px solid #e5e5e5
}

.footer .center .hezuo li img {
	max-height: 100%;
	display: block;
	margin: 0 auto;
	max-width: 100%
}

.footer .center .erweima img {
	max-width: 100%;
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin: 5px
}

.footer .center .link {
	line-height: 30px
}

.footer .center .link a {
	margin-right: 20px;
	color: #666
}

.footer .center .link a:hover {
	color: #1073e8
}

.footer .center .dibu {
	margin-top: 20px
}

.footer .center .dibu img {
	margin-right: 10px
}

@media screen and (max-width:1400px) {
	.footer .w1200 {
		max-width: 1200px
	}
}

@media screen and (max-width:1200px) {
	.footer .erweima {
		display: none
	}

	.footer .w1200 {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box
	}

	.footer .hezuo {
		float: right
	}
}

@media screen and (max-width:987px) {
	.footer .hezuo {
		float: left;
		margin-top: 20px;
		width: 100%!important
	}

	.footer .hezuo li {
		width: 30%;
		margin: 0 1% 1% 0
	}

	.footer .f-nav-list ul {
		float: left
	}

	.footer .f-nav-list ul li {
		margin-left: 30px
	}
}

@media screen and (max-width:647px) {
	.footer {
		box-sizing: border-box
	}

	.footer .center .info-f {
		width: 100%
	}

	.footer .f42 {
		font-size: 36px
	}

	.footer .erweima {
		display: block;
		width: 100%
	}

	.footer .erweima>div {
		max-width: 48%;
		margin: 0
	}
}

.c666 {
	color: #666
}

.cfff {
	color: #fff
}

.oh {
	overflow: hidden
}

.clearfix {
	clear: both
}

.bkfff {
	background: #fff
}

@media screen and (max-width:900px) {
	.f36,.f40 {
		font-size: 26px
	}
}